<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>易金所</title>
    <!-- 共用css -->
    <link rel="stylesheet" href="../../public/css/common.css">
    <!-- login.css -->
    <link rel="stylesheet" href="../../static/receipt/css/index.css">

</head>
<body>

    <!-- 状态栏 -->
    <header class="primaryBg">
        <h1>易借条</h1>
    </header>

    <!-- 内容 -->
    <article>

        <!-- sectionOne -->
        <section class="sectionOne" onclick="location.href='../home/borrowAmount.html'">
            <h2><img src="../../public/image/wodejiediao.png" alt="">我的借条</h2>
            <ul>
                <li><h4>借条额度(元) </h4><p>18920.98</p></li>
                <li><h4>还可以借(元)</h4><p>18920.98</p></li>
            </ul>
        </section><!-- sectionOne -->

        <!-- sectionTwo -->
        <section class="sectionTwo">
            <h2><img src="../../public/image/huankuanjilu.png" alt="">我的借条</h2>
            <p>本月应还 1982 元 <span>还剩 15 天</span></p>
            <div class="progress"><span></span></div>
            <div class="month">
                <span>6月</span>
                <span>7月</span>
                <span>8月</span>
                <span>9月</span>
                <span>10月</span>
                <span>11月</span>
            </div>
        </section><!-- sectionTwo -->

        <!-- sectionThree -->
        <section class="sectionThree">
            <ul id="itemgroup">
                <li class="item active">
                    <a href="javascript:void(0)">
                        <img src="../../public/image/carousel.png" alt="" />
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:void(0)">
                        <img src="../../public/image/carousel.png" alt="" />
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:void(0)">
                        <img src="../../public/image/carousel.png" alt="" />
                    </a>
                </li>
                <li class="item">
                    <a href="javascript:void(0)">
                        <img src="../../public/image/carousel.png" alt="" />
                    </a>
                </li>
            </ul>
            <ul id="bannerSelect">
                <li class="circle active"></li>
                <li class="circle"></li>
                <li class="circle"></li>
                <li class="circle"></li>
            </ul>
        </section><!-- sectionThree -->

        <!-- sectionFour -->
        <section class="sectionFour">
            <h2><img src="../../public/image/yijinjietiao.png" alt="">易金借条</h2>
            <table class="tableContent">
                <tr>
                    <td><h3>香菇</h3><p>借条额度(元)</p></td>
                    <td><h3>苹果</h3><p>依托苹果大型基地</p></td>
                    <td><h3>核桃</h3><p>深加工前景广</p></td>
                </tr>
                <tr>
                    <td><h3>香菇</h3><p>借条额度(元)</p></td>
                    <td><h3>苹果</h3><p>依托苹果大型基地</p></td>
                    <td><h3>核桃</h3><p>深加工前景广</p></td>
                </tr>
            </table>
        </section><!-- sectionFour -->

    </article>

    <!-- 标签栏 -->
    <footer>
        <a href="../home/index.html">
            <img src="../../public/image/home_unchecked.png" alt="">
            <p>首页</p>
        </a>
        <a href="../deal/index.html">
            <img src="../../public/image/deal_unchecked.png" alt="">
            <p>买卖</p>
        </a>
        <a href="../receipt/index.html" class="active">
            <img src="../../public/image/receipt_checked.png" alt="">
            <p>借条</p>
        </a>
        <a href="../my/index.html">
            <img src="../../public/image/my_unchecked.png" alt="">
            <p>我的</p>
        </a>
    </footer>

</body>
</html>

<!-- 共用js -->
<script src="../../public/js/common.js"></script>
<!-- jquery -->
<script src="../../public/js/jquery-2.2.4.min.js"></script>
<!-- carousel -->
<script src="../../public/js/carousel.min.js"></script>